<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>鼠标悬停效果-过渡</title>
		<link rel="stylesheet" type="text/css" href="css/css.css"/>
	</head>
	<body>
		<!-- 鼠标悬停效果 -->
		<a class="pic" href="#">
			<div class="img">
				<img src="img/bai.jpg" alt="img">
			</div>
			<div class="info">
				<h3>光辉历程</h3>
				<p>百年征程波澜壮阔</p>
				<p>百年初心历久弥坚</p>
			</div>
		</a>
	</body>
</html>
